<template>
    <div>
        <el-dialog
        title="提示"
        :visible.sync="centerDialogVisible"
        width="30%"
        center>
        <slot>我是插槽内容</slot>
        <slot name="namesolt">我是具名插槽</slot>
        <span slot="footer" class="dialog-footer">
          <el-button @click="centerDialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
        </span>
      </el-dialog>
    </div>
</template>


<script>
export default {
    data(){
        return{
            centerDialogVisible:false,
        }
    },
    methods:{
        open(){
            this.centerDialogVisible = true
        }
    }
}
</script>
